<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script
	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"
	type="text/javascript"></script>
<link rel="stylesheet"
	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css"
	type="text/css" media="all" />
	
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>  
 
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/string/string.js"></script>  
 
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/format/emailaddress.js"></script> 

<script src="/CloudContact/scripts/loginScript.js"></script>
<script src="/CloudContact/scripts/script.js"></script>
<link href="/CloudContact/css/style.css" rel="stylesheet"
	type="text/css" />
<link href="/CloudContact/css/jquery-ui-1.8.13.custom.css" rel="stylesheet"
	type="text/css" media="all"/>
<title>Login</title>
<link rel="shortcut icon" href="/CloudContact/images/Logo.png">
</head>
<body onload="init();">
	<!-- Header -->
	<jsp:include page="/webparts/header.jsp" />

	<div id="loginTabs" class="flash">
	<ul>
		<li><a href="#loginBox" onclick="clearErrorMsg();">Log In</a></li>
		<li><a href="#registerBox" onclick="clearErrorMsg();">Sign Up</a></li>
	</ul>
	<div id="errorMsg">Test</div>
	<div id="loginBox">
		<label class="caption">User name:</label> <input type="text" name="login" onchange="checkLoginName()" /><label class="error" id="loginNameError">*</label><br /><br /><label class="caption">Password:</label> <input
			type="password" name="password" onchange="checkLoginPassword()" /><label class="error" id="loginPasswordError">*</label><br /> <br />
			<div id="logonStatus"></div>
			<a class="button" href="#"
			onclick="login('${requestUrl}'); return false;">Log In</a>
	</div>
	<div id="registerBox">
        <label class="caption">User name:</label><input type="text" name="loginSignUp" onchange="checkLoginSignUp();"/><label class="error" id="loginError">*</label><br /><br />
        <label class="caption">Password:</label> <input type="password" name="passwordSignUp" onchange="checkPasswordSignUp();"/><label class="error" id="passwordError">*</label><br /><br />
        <label class="caption">Confirm password:</label> <input type="password" name="confirmPassword" onchange="checkConfirmPassword();"/><label class="error" id="confirmPasswordError">*</label><br />
        <!-- <label class="caption">Email:</label> <input type="text" name="email" onchange="checkEmail();"/><label class="error" id="emailError">*</label><br /> -->
        <a class="button" href="#" onclick="register(); return false;">Sign Up</a>
    </div>
    
    </div>

</body>
</html>